<template>
  <el-card>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/stuWelcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>英语版块</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/englishList' }">英语角</el-breadcrumb-item>
    </el-breadcrumb>
    <!--    标题-->
    <div class="light">
      <h3>好心境</h3>
    </div>
    <div class="content">
      <p>A long time ago, there was a young man named Billy. Billy inherited the warm and good characteristics of his father. "My father had such a good personality. He was the horse-keeper of a funeral carriage."</p>
      <p>很久以前，有个年轻人叫比利。比利继承了他父亲脾气温和的好品性。“我的父亲有着良好的品性。他是一个赶柩车的人。”</p>
      <p>"No matter how hard the work was, he always smiled. I got the habit of visiting the church cemetery from my father and of reading the newspaper, too."</p>
      <p>“不管工作多么辛苦，他总是微笑着。我还继承了父亲经常去教堂的墓地还有读报纸的习惯。</p>
      <p>"He said reading the newspaper would help my studying a lot. Sometimes, I take a walk to the church cemetery by myself. I learned a lot from my father." One day, he saw a tombstone while he was walking down to the church cemetery. "The man who was buried right here was miserable before he died."</p>
      <p>“他说，看报纸可以帮助我学习。有时，我自己去教堂的墓地散步。我从父亲那里学到很多东西。”有一天，他在去教堂墓地的路上看到了一块墓碑。“埋在这里的人活着的时候生活一定很悲惨。”</p>
      <p>"Even though he had a good job and made enough money for living, he got angry easily. Maybe he was too narrow- minded. For all of his entire life, he worried and got angry, then he was buried here." Billy went to another grave and saw another tombstone.</p>
      <p>“尽管他有份好工作，也赚不愁吃穿，但他很脾气不好。也许他太狭隘了。在他的一生中，经常会担心和生气，然后他就被葬在这里。”比利又走向另一座坟墓，又看到一块墓碑。</p>
      <p>"This man right here was happy before he died, I guess. He was from a good family of high class. He spent his life enjoying everyday." Billy got close to the other grave and saw its tombstone.</p>
      <p>“我猜，这人在他死之前很快乐。他的家庭一定幸福美满。他用一生享受着每一天。”比利又靠近一座坟墓看见了墓碑上的字。</p>
      <p>"The man under this tombstone makes me sad. He spent all of his life hoping to come up with one extraordinary idea. One day, when he had the wonderful idea, he died from the shock. Maybe he is not resting peacefully even now."</p>
      <p>“我为这墓碑下埋葬的人感到惋惜。他一生都在期望能思考出一个惊为天人的主意。然而有一天，当他终于想出这个主意时，却死于休克。也许他现在还不能安安静静地休息。”</p>
      <p>Next, he came to another grave and saw the tombstone. "A very stingy woman lies in this grave. She used to tell her neighbor that she was raising a cat, but she just made the noise of a cat 'Mew, mew'. Maybe she was the stingiest woman."</p>
      <p>接着，他又来到另一座墓穴，看见了墓碑。“躺在这坟墓里的是一个非常吝啬的女人。她曾经告诉她的邻居自己养了一只猫，但她只是发出了“喵喵”的声音来骗邻居。也许她是世界上最吝啬的女人。”</p>
      <p>He stopped in front of another tombstone and looked down. "In this grave, a young lady from a good family lies. She used to sing a song whenever she was at a party, but she sang the same song every time." He walked to the next grave.</p>
      <p>他忽然停在一座墓碑前，低头看了看。“这座坟墓里，是一位教养良好的年轻的女子。无论什么时候参加晚宴，她都会唱同一首歌。”他又走向另一座坟墓。</p>
      <p>"There is a widow here. She always said good things with her mouth, but she said bad things in her mind. She used to visit from house to house and say bad things about her friends and neighbors."</p>
      <p>“这里埋葬的是一位寡妇。但她总是说好听话，所作所为却可恶至极。以前她常到别人家里去，到处说朋友和邻居的坏话。”</p>
      <p>"Whoever was buried and stayed in their own caskets without moving a finger, then, they will be born again with good personalities. Some day, when the time to end my life comes, I will write down this on my tombstone, 'A Man with Good Personality'."</p>
      <p>“无论是谁，只要躺进棺材后就什么知觉都没有了，之后，他们将被赋予良好的品性再次获得重生。总有一天，当我的生命结束的时候，我会在我的墓碑上写上：“一个好心境的人”。</p>
    </div>
    <div class="light">
      <el-button type="primary" style="margin-top: 20px;" @click="complete">完成阅读</el-button>
    </div>
  </el-card>
</template>

<script>
  export default {
    methods:{
      complete(){
        this.$message({
          message:'恭喜您已完成本篇阅读！',
          type:"success"
        });
        // 跳转至EnglishList页面
        this.$router.replace("/englishList");
      }
    }
  }
</script>
<style scoped>
  .light{
    font-size: 30px;
    text-align: center;
    color: #fefefe;
    text-shadow: 0 0 0.5em #0ae642, 0 0 0.2em #5c5c5c;
    -webkit-animation: shine 2.4s infinite;/*设置动画*/
  }
  @-webkit-keyframes shine{/*创建动画*/
    0%,100%{ color:#fff;text-shadow:0 0 10px #f0d1f8,0 0 10px #0000FF; }
    50%{ text-shadow:0 0 10px #0000FF,0 0 40px #0ae642; }
  }
  .content{
    min-height:350px;
    overflow-y:auto;
    max-height:600px;
  }
  p{
    font-size: 18px;
    color: #fefefe;
    text-shadow:0px 1px 0px #d27878,
    0px 2px 0px #b0b0b0,
    0px 3px 0px #a0a0a0,
    0px 4px 0px #909090,
    0px 5px 10px rgba(0, 0, 0, .9);
  }
</style>
